<!DOCTYPE html>
<html>
<head>
    {include file="common/head"}
    <style>
        .show-product .content img {
            max-width: 100% !important;
        }
        .show-product .content {
            line-height: 24px;
            color: #686868;
        }
    </style>
</head>
<body>
{include file="common/menu"}

    {hkcms:adv name="company" itemid="4"}
    <section class="bg-banner" style="background-image: url({$item.image});">
        <div class="container">
            <div class="position-relative overflow-hidden p-3 p-xl-4 text-center">
                <div class="col-xl-6 p-lg-5 mx-auto my-5">
                    <h1 class="title mb-3">{$Cate.title}</h1>
                    <p class="lead fw-normal">{hkcms:breadcrumb class="active_a" symbol=" / " /}</p>
                </div>
            </div>
        </div>
    </section>
    {/hkcms:adv}

    <section class="show-product sec_pad">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="row">
                        <div class="col-md-4">
                            <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
                                <div class="carousel-indicators">
                                    {hkcms:volist name="Info.images"}
                                    <button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="{$key}" class="{$currentstyle}" aria-current="true" aria-label="Slide {$key}"></button>
                                    {/hkcms:volist}
                                </div>
                                <div class="carousel-inner">
                                    {hkcms:volist name="Info.images"}
                                    <div class="carousel-item {$currentstyle}">
                                        <img src="{$item}" class="d-block w-100" alt="{$Info.title}">
                                    </div>
                                    {/hkcms:volist}
                                </div>
                                <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators"  data-bs-slide="prev">
                                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Previous</span>
                                </button>
                                <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators"  data-bs-slide="next">
                                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                    <span class="visually-hidden">Next</span>
                                </button>
                            </div>
                        </div>
                        <div class="col-md-8">
                            <div class="my-2 my-xl-0">
                                <h5 class="fw-bold">{$Info.title}</h5>
                                <p class="description col-xl-12">{$Info.description}</p>
                                <p class="text-danger fw-bold">价格：{$Info.price}</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 my-2 my-xl-5">
                            <div class="content">{$Info.more.content|raw}</div>
                            <hr>
                            <p class="text-start px-0">上一篇：{hkcms:pre catid="$Cate['id']" id="$Info['id']" target="_blank" msg="已经没有了" /}</p>
                            <p class="text-start px-0">下一篇：{hkcms:next catid="$Cate['id']" id="$Info['id']" target="_blank"  msg="已经没有了" /}</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <aside class="widget widget_categories">
                        <h5 class="widget-title">分类</h5>
                        <ul>
                            {hkcms:channel name="$Cate['id']" type="peer" where="ismenu=1" istotal="1"}
                            <li><a href="{$item.url}">{$item.title}</a> <span class="posts-count">({$item.total})</span></li>
                            {/hkcms:channel}
                        </ul>
                    </aside>

                    <aside class="widget widget_recent_news">
                        <h5 class="widget-title">相关产品</h5>
                        <ul class="recent-news clearfix">
                            {hkcms:content catid="$Cate['id']"}
                            <li class="clearfix">
                                <div class="thumb">
                                    <a href="{$item.url}"><img src="{$item.thumb}" alt="{$item.title}"></a>
                                </div>
                                <div class="entry-header">
                                    <h6><a href="{$item.url}">{$item.title}</a></h6>
                                    <span class="post-on"><span class="entry-date">{hkcms:date name="$item['publish_time']" format="Y-m-d"}</span></span>
                                </div>
                            </li>
                            {/hkcms:content}
                        </ul>
                    </aside>
                </div>
            </div>
        </div>
    </section>
{include file="common/footer"}
</body>
</html>